@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton'), url(http://themes.googleusercontent.com/static/fonts/anton/v3/tilmJBBU81h1G7ZsdY3Hmw.woff) format('woff');
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

p {
	text-align:justify;
}

.no-padding-left {
	padding-left:0px!important;
}

.no-padding-right {
	padding-right:0px!important;
}

.box {
	padding:15px;
	background-color:#fff;
	border: 1px solid;
	border-color:@gray-lighter;
	-moz-box-shadow: 2px 2px 5px @gray-lightest;
	-webkit-box-shadow: 2px 2px 5px @gray-lightest;
	box-shadow: 2px 2px 5px @gray-lightest;
	display: inline-block;
		@media (max-width: @screen-xs-max) {display:block;}
	margin:10px 0;
	border-radius:5px;
	width:100%;
}

.br {
	margin:10px 0px 5px;
	width:100%;
	height:1px;
	background-color:@gray-lightest;
	display:inline-block;
}

center {
	margin:10px 0;
}

// header

body > header {
	.clearfix();
	
	section {
		display:inline-block;
		background: url("../img/background.png") repeat scroll 0% 0% @black;
		width:100%;
		height: 62px;
			@media (max-width: @screen-xs-max) {height:57px;}

		h1, img {
			float:left;
			height:62px;
				@media (max-width: @screen-xs-max) {height:57px;}
		}

		h1 {
			color:#fff;
			text-transform: uppercase;
			font: 54px/60px 'Anton',sans-serif;
			background:@brand-primary;
			margin:0 15px 0 0;
			padding: 0 15px 0 0;
				@media (max-width: @screen-xs-max) {font: 25px 'Anton',sans-serif; width: 100%; margin:0px;}

			img {
				margin-right: 15px;
			}
		}

		h2 {
			color:#fff;
			font-size:16px;
			margin:0px;
			padding:15px 0px 0px 0px;
			height:62px;
			font-weight: bold;
				@media (max-width: @screen-xs-max) {font-size:14px; padding: 8px 15px 7px 15px; height:auto; display:inline-block; background: url("../img/background.png") repeat scroll 0% 0% @gray-lighter; width: 100%;}
					
		}
	}

	nav {
		@media (max-width: @screen-xs-max) {margin-top:5px; height:auto; padding: 10px 0px;}
		background:@gray-lightest;
		height: 53px;
		padding: 10px 0px 0px;
		.make-sm-column(12);
		.no-padding-left;
		.no-padding-right;

		button {
			width:100%;
		}
	}
}

// content

section {

	.col-sm-12, .col-sm-6 {
		@media (max-width: @screen-xs-max) {padding-right:0px; padding-left:0px;}
	}

	.col-sm-6, .col-sm-12 {

		h1 {
			font-size: 26px;
		}

		h2 {
			font-size:16px;
			font-weight:bold;
		}

		h3 {
			font-size:14px;
			font-weight: bold;

		}

		article {
			min-height:52px;

			h1 {
				font-size:14px;
				font-weight:bold;
			}

			small {
				font-size:11px;
				color:@gray-light;
			}

			.glyphicon-search, .glyphicon-plane {
				float:left;
				font-size:34px;
				margin-right:5px;
				color:@brand-primary;
			}

			.img-map {
				background: url("../img/map.jpg") repeat scroll 0% 0% @gray-lighter;
				width:65px;
				height:72px;
				display:inline-block;
				float:left;
				margin-right:10px;
			}
		}

		.box {

			.box {
				background-color:@gray-lightest;

				h2 {
					font-size:14px;
					font-weight:bold;
				}
			}
		}

	}

	#introduccion {

		.box {

			article {
				width:22%;
					@media (max-width: @screen-xs-max) {
						width:100%;
						margin:15px 0px;
					}
				float:left;
				border-top: 3px solid @brand-secondary;
				margin:9px 15px;
				padding:10px 15px;
			}
		}
	}

}

// footer

footer {
	background: url("../img/background.png") repeat scroll 0% 0% @gray-lighter;
	padding:15px;
	text-align:center;
	margin-top:15px;

	a {
		font-weight:bold;
	}
}